
  <style type="text/css">
   
   .textbox
	{
	  width:200px;
	}
	select
	{
	 width:200px;
	}
	label
	{
		margin-top:10px;
	}
	.fill
	{
		margin-top:10px;
	}

	.title
	{
	  background-color:#CCCCCC;
	  text-align:left;
	  width:700px;
	  height:20px;
	  padding:2px;
	  margin-top:10px;
	  
	}
	.divleft
	{
	 margin-left:250px;
	 margin-top:-35px;
	}
	.divleft1
	{
	 margin-left:250px;
	 margin-top:-50px;
	}
	div #transactioninfo,div #propertyinfo,div #purchaseinfo
	{
	 margin-top:10px;
	}
	div #refinanceinfo,div #closinginfo
	{
		display:none;
	   margin-top:20px;
	}

  </style>
  <script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
 
<form id="form1" name="form1" method="post" action="action/index.php">
  <div style="width:700px;">
  Delaware and the municipality where the property is located assess transfer taxes on a purchase/sale of real property, but not on refinance transactions. However, there are recording fees, as shown below, which are collected on both purchase and refinance transactions.
 </div>
    <input type="hidden" name ="state" value="md"/>
  <div id="transactioninfo">
   
    <div class="title">Transaction Info</div>
    <div >
	 <label>Transaction Type:</label><br />
	 <select name="transaction_type" class="cbtransaction">
	   <option value="Purchase">Purchase</option>
	   <option value="Refinance" >Refinance</option>
	 </select>
	</div>
 </div>
  <div id="propertyinfo">
    <div class="title">Property Info</div>
    <div>
	 <label>County:</label><br />
	 <select name="county_locale">
	   <option value="Allegany">Allegany</option>
	   <option value="Anne Arundel" >Anne Arundel</option>
	   <option value="Baltimore City">Baltimore City</option>
	   <option value="Baltimore County" >Baltimore County</option>
	   <option value="Calvert" >Calvert</option>
	   <option value="Caroline" >Caroline</option>
	   <option value="Carroll" >Carroll</option>
	   <option value="Cecil" >Cecil</option>
	   <option value="Charles" >Charles</option>
	   <option value="Dorchester" >Dorchester</option>
	   <option value="Frederick" >Frederick</option>
	   <option value="Garrett" >Garrett</option>
	   <option value="Harford" >Harford</option>
	   <option value="Howard" >Howard</option>
	   <option value="Kent" >Kent</option>
	   <option value="Montgomery" >Montgomery</option>
	   <option value="Prince George's" >Prince George's</option>
	   <option value="Queen Anne's" >Queen Anne's</option>
	   <option value="St. Mary's" >St. Mary's</option>
	   <option value="Somerset" >Somerset</option>
	   <option value="Talbot" >Talbot</option>
	   <option value="Washington" >Washington</option>
	   <option value="Wicomico" >Wicomico</option>
	   <option value="Worcester" >Worcester</option>
	 </select>
	 <div>
	   <label>Primary Residence:</label><br />
	   <input type="radio" name="primary_residence" value="1" /> Yes
	   <input type="radio" name="primary_residence" value="0" checked="checked"/> No
	 </div>
    </div>
  </div>
  <div id="purchaseinfo">
		<div class="title">Purchase Info</div>
		<div class="fill">
		   <label>Purchase Price:</label><br />
		   <input class="textbox" type="text" name="purchase_price" id="purchase_price" /> 
		 </div>
		 <div>
		    <label>1st Loan Amount:</label><br />
		    <input class="textbox" type="text" name="loan_amount1" id="loan_amount1" /> 
		 </div>
		 <div class="divleft">
		    <label>2nd Loan Amount(if applicable):</label><br />
		    <input class="textbox" type="text" name="loan_amount2" id="loan_amount2" /> 
		 </div>
		  <div class="fill">
		    <label>Enhanced coverage:</label><br />
		    <input type="radio" name="enhanced_coverage" value="1" checked="checked"/> Yes
	        <input type="radio" name="enhanced_coverage" value="0" /> No
		 </div>
		  <div class="fill">
		 	 <label>First time home buyer:</label><br />
		 	 <input type="radio" name="home_buyer" value="1" /> Yes
	    	 <input type="radio" name="home_buyer" value="0" checked="checked"/>No
		 </div>
		  <div class="divleft">
                   <label>Who Pays:</label><br />
                      <select name="payer" >
                          <option value="Default">Default</option>
                          <option value="Seller" >Seller Pays</option>
                          <option value="Buyer">Buyer Pays</option>
                          <option value="Split50" >Split 50-50</option>
                      </select>
		 </div>

   </div>
   <!---->
    <div id="refinanceinfo">
		<div class="title">Refinance Info</div>
		
		 <div class="fill">
		    <label>1st New Loan Amount:</label><br />
		    <input class="textbox" type="text" name="loan_amount3" id="loan_amount3" /> 
		 </div>
		 <div class="divleft">
		    <label>2nd New Loan Amount (if applicable):</label><br />
		    <input class="textbox" type="text" name="loan_amount4" id="loan_amount4" /> 
		 </div>
		  <div class="fill">
		    <label>Principal balance #1 to be paid off:</label><br />
		    <input class="textbox" type="text" name="paid_off1" id="paid_off1" /> 
			<br />
			<input id="chkowner" type="checkbox" name="chkowner" value="Existing owner's policy" />Existing owner's policy<br>
                        <div id="policy" style="display:none;">
                            <label>Amount of owner's policy</label>
                            <input type="text" style="width:80px;" name="amount_policy" />
                        </div>
		 </div>
		 <div class="divleft1">
		    <label>Principal balance #2 to be paid off:</label><br />
		    <input class="textbox" type="text" name="paid_off2" id="paid_off2" /> 
		 </div>
		 
   </div>
   <!---->
   <div id="closinginfo">
    
    <div class="title">Closing Info</div>
    <div class="fill">
	 <label>Closing location:</label><br />
	 <select name="mobile_closing">
	   <option value="0">Household Title & Escrow Office</option>
	   <option value="1" >Mobile Closing</option>
	 </select>
	</div>
 </div><br>
 <div id="buttoninfo">
   <button id="btpre"> PreviousPage </button>
      <input type="submit" value="Calculate Good Faith Estimate" name="btcalculator" id="btcalculator" />
   <button id="btnext"> NextPage</button>
 </div>

</form>

  <script type="text/javascript">
     jQuery(document).ready(function()
	 {				
				
				
             jQuery(".cbtransaction").change(function () {
				 
              if ( $('.cbtransaction option:selected').text()=='Refinance')
              {
				  $("#purchaseinfo").css('display','none');
				  $("#refinanceinfo").css('display','block');
				  $("#closinginfo").css('display','block');
              } 
              else
              {
                      $("#purchaseinfo").css('display','block');
                      $("#refinanceinfo").css('display','none');
                      $("#closinginfo").css('display','none');
              }
             }).change();

            
	});

   </script>